.item-view {
	width: 100%;
	// height: 110rpx;
	padding-left: 32rpx;
	padding-right: 32rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #555;
	.item-view-left {
		height: 110rpx;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		color: #555;
		.image {
			width: 40rpx;
			height: 40rpx;
		}
		.text {
			margin-left: 16rpx;
		}
	}
	.text1 {
		color: $uni-text-color-primary;
	}
	.item-view-bottom {
		width: 100%;
		height: 200rpx;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		color: #555;
		.btn {
			width: 100%;
			height: 90rpx;
			margin-left: 64rpx;
			margin-right: 64rpx;
			border-radius: 8rpx;
			background-color: $uni-btn-color-primary;
			color: #fff;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 45rpx;
		}
	}
}

.user-section {
	/*  #ifdef MP || APP-PLUS */
	// height: 530rpx;
	padding: 0rpx 0 0;
	/* #endif */
	/*  #ifdef H5 || MP-ALIPAY*/
	// height: 430rpx;
	padding: 70rpx 0 0;
	/* #endif */
	box-sizing: border-box;
	position: relative;
	.bg-img {
		overflow: hidden;
		position: absolute;
		width: 100%;
		// height: 332rpx;
		top: 0;
		width: 100%;
		height: 100%;
		background: $uni-back-color-primary;
		image {
			width: 100%;
			height: 532rpx;
		}
	}

	.user-info-box {
		display: flex;
		align-items: center;
		display: flex;
		border-radius: 16rpx;
		height: 190rpx;
		// padding: 20rpx;

		background: white;
		&.no-log {
			position: relative;
			z-index: 333;

			.user-title {
				font-size: 40rpx;
				color: #fff;
				line-height: 1.2;
				margin-bottom: 16rpx;
			}

			.user-desc {
				border: none !important;
				font-size: 33rpx;
				color: #fff !important;
				padding: 0 !important;
			}
		}

		.user-head {
			box-sizing: content-box;
			width: 120rpx;
			height: 120rpx;
			border: 3px solid #fff;
			border-radius: 50%;
			margin-left: 16rpx;
			overflow: hidden;
			display: flex;
			align-items: center;
			justify-content: center;

			image {
				width: 116rpx;
				height: 116rpx;
			}
		}
		.header-title {
			width: 100%;
			height: 100rpx;
			padding-left: 16rpx;
			display: flex;
			flex-direction: column;

			.text1 {
				color: black;
				font-size: 32rpx;
				margin-right: 12rpx;
			}
			.text2 {
				color: black;
				font-size: 32rpx;
				margin-right: 8rpx;
			}
			
			
		}
		.header-right {
			display: flex;
			// background-color: aquamarine;
			// width: calc(50% - 150rpx);
			width: 50rpx;
			// height: 100%;
			margin-right: 16rpx;
			justify-content: flex-end;
			align-items:center;
		}
		.text3 {
			color: white;
			background: $uni-bg-color-blue;
			font-size: 28rpx;
			margin-left: 8rpx;
			padding-left: 10rpx;
			padding-right: 10rpx;
			border-radius: 8rpx;
		}
		.text4 {
			color: white;
			background: $uni-bg-color-blue;
			width: 20rpx;
			font-size: 20rpx;
			margin-left: 8rpx;
			padding: 8rpx 8rpx; 
			border-radius: 8rpx;
		}
		.textcolor{
			background: $uni-color-primary;
		}
	}
}

.mine-button {
	// width: 100%;
	height: 100%;
	padding: 10px;
	background: white;
	.mine-button-view {
		// width: 100%;
		height: 100%;
		padding: 10rpx;
		background: white;
		border-radius: 16rpx;
		display: flex;
		flex-direction: column;
		box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.1);
		.mine-button-view-top {
			// height: 120rpx;
		}
		.mine-button-view-line {
			height: 1rpx;
			width: 100%;
			background: $uni-bottom-line-color;
		}
		.mine-button-view-body {
			// height: 240rpx;
		}
	}
}

.grid-item-box {
	flex: 1;
	// position: relative;
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 15px 0;

	.image {
		width: 50rpx;
		height: 50rpx;
		margin-bottom: 8rpx;
	}
}

.mine-list {
	height: 100%;
	padding: 10px;
	background: white;
	.mine-list-view {
		height: 100%;
		padding: 10rpx;
		background: white;
		border-radius: 16rpx;
		display: flex;
		flex-direction: column;
		box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.1);
		.mine-list-view-item {
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-left: 16rpx;
			margin-right: 16rpx;
			.mine-list-view-item-body {
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding-top: 16rpx;
				padding-bottom: 16rpx;
				.mine-list-view-item-left {
					align-items: center;
					// margin-left: 16rpx;
					display: flex;
					.image {
						width: 50rpx;
						height: 50rpx;
					}
					.text {
						margin-left: 16rpx;
						color: black;
						font-size: 28rpx;
					}
				}
				.mine-list-view-item-right {
					align-items: center;
					display: flex;
					.image {
						width: 40rpx;
						height: 40rpx;
					}
				}
			}
			.mine-list-view-item-line {
				width: 100%;
				margin-left: 32rpx;
				margin-right: 32rpx;
				height: 1rpx;
				background: $color-line;
			}
		}
	}
}
